<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title>Halaman Utama Admin</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body class="backround">

        <style type="text/css">
            .backround{background-image: url("img/background.jpg");
            }

            .dropmenu {
                background: #616161;
                height: 30px;
                list-style-type: none;
                margin: 0 auto;
                top: 150px;
                align: center;

                width: 400px; 
                padding: 10px; 


            }
            .dropmenu li {
                border-right: solid 1px white;
                float: left;
                height: 30px;
                align:center

            }
            .dropmenu li a {
                color: #fff;
                display: block;
                font: 12px arial, verdana, sans-serif;
                font-weight: bold;
                padding: 9px 20px;
                text-decoration: none;
            }
            .dropmenu li:hover { background: #778899; position: relative; }
            .dropmenu li:hover a { text-decoration: underline; }
            .dropmenu li:hover ul {
                background-color: #3f4a54;
                border: 1px solid grey;
                left: 0px;
                padding: 3px;
                top: 30px;
                width: 160px;
            }
            .dropmenu li:hover ul li { border: none; height: 18px; }
            .dropmenu li:hover ul li a {
                background-color: #778899;
                border: 1px solid transparent;
                color: #fff;
                display: block;
                font-size: 11px;
                height: 18px;
                line-height: 18px;
                padding: 0px;
                text-decoration: none;
                text-indent: 5px;
                width: 158px;
                padding: 3px;
            }
            .dropmenu li:hover ul li a:hover {
                background: silver;
                border: solid 1px #444;
                color: #000;
                height: 18px;
                padding: 3px;
            }
            .dropmenu ul {
                left: -9999px;
                list-style-type: none;
                position: absolute;
                top: -9999px;
            }

        </style>

    </body>
    <body>
    <center> <a href="Admin.html"><img src="img/logo gredy.jpg" width="1350" height="120"/></a></center>

    <ul class="dropmenu">
        <li><a href="Admin.html">Home</a>
        <li><a hfef="#3">Biro</a>
            <ul>
                <li><a href="FormDataBiro.jsp">Daftar biro</a>
                <li><a href="LihatDataBiro.jsp">Lihat Biro</a></li>
                <li><a href="HapusBiro.jsp">Hapus Biro</a></li>
                
            </ul>
         <li><a hfef="#3">Paket</a>
            <ul>
                <li><a href="LihatPaket.jsp">Lihat Paket</a>
                <li><a href="FormHapusPaket.jsp">Hapus Paket</a></li>
            </ul>
               <li><a href="login.jsp">Logout</a>
        </li>
    </ul>

</body>
</html>
